<!DOCTYPE html>
<html   xmlns="http://www.w3c.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head/>
    <h:body>
        <h:form>
            <p:panel id="panel" header="Register">
                <p:focus />
                <p:messages />
                <h:panelGrid columns="3">
                    
                    <h:outputLabel for="firstname" value="Firstname: *" />
                    <h:inputText id="firstname" value="#{focusBean.firstName}" required="true" label="Firstname" />
                    <p:message for="firstname" />
                    
                    <h:outputLabel for="surname" value="Surname: *" />
                    <h:inputText id="surname" value="#{focusBean.surName}" required="true" label="Surname"/>
                    <p:message for="surname" />
                    
                </h:panelGrid>
                
                <p:commandButton value="Submit" update="panel" actionListener="#" />
            </p:panel>
        </h:form>
    </h:body>
</html>
